@import "timeWeather.css";

*{margin: 0;padding: 0;}
html,body{font-size: 18px;line-height:120%;color:#333333;font-family: "Microsoft YaHei";}


img{border: none;vertical-align: middle;}
li{list-style: none;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;color: #333333;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}

/*载入字体*/
@font-face{
font-family:"方正粗倩_GBK";
/*为引入的字体命名*/
src:url(../font/方正粗倩_GBK.TTF);
/*定义要引入字体文件的路径*/
}

@font-face{
font-family:"DIGITAL-REGULAR";
/*为引入的字体命名*/
src:url(../font/DIGITAL-REGULAR.TTF);
/*定义要引入字体文件的路径*/
}

@font-face{
font-family:"DINPro-Bold";
/*为引入的字体命名*/
src:url(../font/DINPro-Bold.ttf);
/*定义要引入字体文件的路径*/
}



/*
.center{text-align: center;}
.right{text-align: right;}




.green{color: green;}

.bf{background-color: #FFFFFF;}
.p20{padding: 20px;}

.mt5{margin-top: 5px;}



.p10{padding: 10px;}
.w50{width: 50%;}
.w1200{width: 1200px;}
.more{float: right;padding: 0 0 0 10px;background: #FFFFFF;}

.red{color: red;}

.blue{color: blue;}

.f16{font-size: 16px;}
*/


.none{display: none;}
.relative{position: relative;}
.hidden{overflow: hidden;}
.w50{width: 50%;}
.ma{margin: auto;}
.ml10{margin-left: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.pt5{padding-top: 5px;}
.fl{float: left;}
.fr{float: right;}
.yellow{color: yellow;}
.blue{color: #00f0f4;}
.blue1{color: #86a6f1;font-size: 26px;}
.center{text-align: center;}
.clear{clear: both;}
.cur{cursor: pointer;}

/*滚动条*/
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #07507D;}
.scrollbar::-webkit-scrollbar{width: 12px;background-color: #07507D;}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #06dce2;}




/*input样式*/
.squaredTwo li{	position: relative;}


/*.squaredTwo {
  position: relative;
  padding-left: 5px;
  
  
}*/
.squaredTwo label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 6px;
  border:2px solid #32AAF6;
  border-radius:4px ;
}
.squaredTwo label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 2px solid #32AAF6;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}


.squaredThree th,td{}


/*.squaredThree {
  position: relative;
  padding-left: 5px;
  
  
}*/
.squaredThree label {
	margin: 0 auto;
	position: relative;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border:2px solid #32AAF6;
  border-radius:4px ;
}
.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 2px solid #32AAF6;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 1;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
  display: none;
}
.squaredThree input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}




.radio li{	position: relative;}


/*.squaredTwo {
  position: relative;
  padding-left: 5px;
  
  
}*/
.radio label {
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 6px;
  border:2px solid #ffffff;
  border-radius:50% ;
}
.radio label:after {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius:50% ;
  border-top: none;
  border-right: none;
  background: #00ffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
}
.radio label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.radio input[type=radio] {
  visibility: hidden;
}
.radio input[type=radio]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}



/*综合执法*/
.zf00{width:3840px;height:1080px;}
.zf01{width: 100%;height: 100%;overflow: hidden;}
.zf02{position: fixed;width: 100%;height: 1080px;z-index: -1;overflow: hidden;left: 0;top: 0;background: url(../images/zhzf/001.jpg) no-repeat left top;background-size: 100% 100%;}
.zf03{height: 96px;padding: 0 40px;}
.zf03-1{float: left;height:96px;color: #ffffff;font-size: 48px;font-weight: bold;background: url(../images/zhzf/019.png) no-repeat left center;background-size: 84px 84px;padding-left: 104px;}
.zf03-1 span{color: #00ffd1;padding: 0 8px;line-height: 96px;}
.zf04{float: right;color: #ffffff;font-size: 30px;line-height: 96px;}
/*.zf04 span{color: #ff7800;padding: 0 8px;line-height: 96px;}*/
.zf05{width: 880px;overflow: hidden;}
.zf06{width: 1880px;float: left;overflow: hidden;margin-left: 39px;}
.zf07{height: 64px;line-height: 64px;background: url(../images/zhzf/003.png) no-repeat bottom center;text-align: center;font-size: 24px;color: #00ffd1;font-weight: bold;}
.zf08{box-shadow: 0 0 20px 5px #0d2564 inset;margin-top: 20px;}
.zf08 table{width: 100%;height: 30px;color: #FFFFFF;text-align: center;cursor: default;}
.zf09{padding: 0 60px;}
.zf10{height: 190px;padding-top: 10px;}
.zf10 table{width: 100%;text-align: center;color: #ffffff;height: 100px; cursor: default;}
.zf10 table td{height: 36px;border-bottom: #072445 1px solid;}
.zf10 table td a{color: #ffffff;cursor: default;}
.zf10 table .title{padding-left: 30px;background: url(../images/zhzf/004.png) no-repeat 10px;text-align: left;width: 70%;}
.zf10 table .dep{color: #00ffd1;width: 10%;}
.zf11{height: 265px;overflow: hidden;}
.zfaj-1{height: 40px;overflow: hidden;width: 360px;line-height: 40px;margin: 0 auto;margin-top: 28px;}
.zfaj-11{height: 35px;line-height: 35px;overflow: hidden;width: 150px;background: url(../images/zhzf/022.png) no-repeat center;color: #d7dde8;font-size: 18px;float: left;margin-left: 15px;margin-right: 15px;text-align: center;cursor: pointer;}
.zfaj-11.on{height: 35px;line-height: 35px;overflow: hidden;width: 150px;background: url(../images/zhzf/021.png) no-repeat center;color: #ff9600;font-size: 18px;float: left;margin-left: 15px;margin-right: 15px;text-align: center;cursor: pointer;}
.zfaj{height: 205px;overflow: hidden;}
.zf11-1{background: url(../images/zhzf/020.png) no-repeat center left;width: 440px;height: 265px;margin-left: 20px;}
.zf11-12{width: 288px;height: 50px;float: right;}
.zf11-11{width: 288px;height: 60px;line-height: 60px;font-size: 20px;color: #fff;float: right;text-align: left;cursor: default;}
.zf11-11 span{width: 288px;height: 60px;line-height: 60px;font-size: 24px;color: #ffff00;font-weight: bold;cursor: default;}
.zf12{height: 980px;background: url(../images/zhzf/005.png) no-repeat center 36px;position: relative;}
.zf13{height: 96px;line-height: 96px;text-align: center;overflow: hidden;font-size: 48px;color: #ffffff;font-weight: bold;}
.zf14{width: 285px;min-height: 700px;padding-top:0px;background: url(../images/zhzf/006.png) no-repeat right center;float: left;}
.zf16{padding: 10px 0 0 65px;color: #ffffff;}
.zf17{cursor: pointer;height: 45px;line-height: 45px;padding-left: 6px;margin-right: 40px;background-repeat: no-repeat;background-position:center left 8px;font-size: 24px;}
.zf17 img{margin-right: 10px;line-height: 45px;}
/* .zf17.on{background: url(../images/zhzf/024.png) no-repeat center left;} */
.zf18{}
.zf18 li{line-height: 38px;padding: 9px 0;padding-left: 69px;background: url(../images/zhzf/010.png) no-repeat center left 49px;font-size: 22px;cursor: pointer;}
.zf18 li.on{background: url(../images/zhzf/025.png) no-repeat center left;color: #1fd5e5;}
.zf19{width: 800px;float: left;margin-left: 105px;}
.zf20{height: 64px;line-height: 64px;overflow: hidden;padding-left: 45px;background-repeat: no-repeat;background-position: left;font-size: 24px;font-weight: bold;color: #01f2f9;}
.zf21 li{line-height: 59px;background: url(../images/zhzf/013.png) no-repeat left top;padding-left: 38px;color: #00bfff;font-size: 24px;margin-bottom: 12px;position: relative;cursor: pointer;}
.zf21 li.on{line-height: 59px;box-shadow: rgb(0, 234, 255) 0px 0px 24px inset;background: url(../images/zhzf/013.png) no-repeat left top;padding-left: 38px;color: #00bfff;font-size: 24px;margin-bottom: 12px;position: relative;cursor: pointer;}
.zf21 li div{box-shadow: rgb(0, 234, 255) 0px 0px 4px inset;background:rgba(2,25,68,.85);padding:0 15px;position: absolute;width: 96%;top: 60px;left: 4px;z-index: 10;border-radius: 10px;display: none;}
.zf21 li div a{background: none;line-height: 32px;padding: 10px 0;margin: 0;display: block;color: #ffffff;}

.zf22{height: 36px;line-height: 36px;padding-left: 24px;background: url(../images/zhzf/014.png) no-repeat left;overflow: hidden;font-size: 24px;color: #00ffff;font-weight: bold;margin-top: 10px;}
.zf23{padding-top: 10px;line-height: 36px;}
.zf23 li{float: left;margin-right: 20px;font-size: 18px;color: #FFFFFF;text-indent:10px;}
.zf24{width: 478px;float: right;margin-right: 130px;}
.zf25{height: 145px;background: url(../images/zhzf/015.png) no-repeat left top;padding: 15px 0 0 20px;overflow: hidden;}
.zf25 .photo{width: 124px;height: 125px;background: url(../images/zhzf/016.png) no-repeat center;float: left;padding: 5px 0 0 6px;}
.zf25 .photo .img{width: 118px;height: 118px;border-radius: 50%;overflow: hidden;text-align: center;}
.zf25 .photo img{width: 118px;}
.zf25 .info{line-height: 36px;font-size: 20px;color: #FFFFFF;float: left;padding: 7px 0 0 27px;}
.zf26{width: 660px;position: absolute;height: 91px;overflow: hidden;bottom: 120px;left: 613px;}
.zf26 .btn{width: 281px;height: 91px;text-align: center;line-height: 91px;font-size: 28px;color: #ffffff;font-weight: bold;background: url(../images/zhzf/017.png) no-repeat center;}
.zf27{height: 236px;position: relative;}
.zf27 .zf27_3d{position: absolute;width:800px;height:780px;left: 0;top: -250px;transform-style: preserve-3d;transform: perspective(0) rotatex(55deg) rotatey(0deg);background: url(../images/zhzf/034.png) no-repeat center;background-size: 97% 58%;background-position:0 190px;}
.zf27 #xxkmap{position: absolute;top:0px;right:0px;width:100%; height: 100%;transform:rotate(-80deg);-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.zf28{height: 196px;margin-top: 10px;background: url(../images/zhzf/018.png) no-repeat 5px 7px;overflow: hidden;}
.zf28 table{width: 100%;color: #ffffff;}
.zf28 table td{height: 36px;border-bottom: #06264c 2px solid;}
.zf28 table td a{color: #ffffff;}
.zf28 .num{width: 14%;color: #ffd300;font-weight: bold;text-align: center;}
.zf29_3d{width: 1880px;height: 1880px;position: absolute;left: 0;bottom: -80%;transform-style: preserve-3d;transform: perspective(0) rotatex(85deg) rotatey(0deg);z-index:-1;}
.zf29{animation: zhuan1 80s infinite linear;width:1880px;height:1880px;position: absolute;left: 0;top: 0;background: url(../images/zhzf/016-2.png) no-repeat center;background-size: 100% 100%;transition:1s;-webkit-transition:1s;}
.zf29.on{animation: zhuan1 .5s infinite linear;}
.zf29-bg{position: absolute;z-index: -3;}
@keyframes zhuan1{
	0%{ transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

.zf30{height: 360px;}
.zf30 .bxDiv{line-height: 60px;background: url(../images/zhzf/013.png) no-repeat left top;padding-left: 38px;color: #00bfff;font-size: 24px;margin-bottom: 12px;position: relative;cursor: pointer;height: 60px;overflow: hidden;}
.zf30 .bxDiv ul{position: absolute;left: 0;top:0;width: 100%;transition:5s;-webkit-transition:5s;}
/*.zf30 .bxDiv ul.on{top:-1140px}*/
.zf30 .bxDiv ul li{padding-left: 38px;color: #00bfff;font-size: 24px;position: relative;cursor: pointer;}
.zf30 .bxDiv2{position: relative;height: 0;}
.zf30 .bxDiv2 ul{box-shadow: rgb(0, 234, 255) 0px 0px 4px inset;background:rgba(2,25,68,.85);padding:0 15px;position: absolute;width: 96%;top:-10px;left: 4px;z-index: 10;border-radius: 10px;display: none;}
.zf30 .bxDiv2 ul li{background: none;line-height: 32px;padding: 10px 0;margin: 0;display: block;color: #ffffff;width: 49%;float: left;}
.zf31{height: 160px;background: url(../images/zhzf/015.png) no-repeat left top;overflow: hidden;position: relative;margin-bottom: 20px;}
.zf31 .bxdy{position: absolute;left: 0;top: 0;width: 100%;transition:5s;-webkit-transition:5s;}
/*.zf31 .bxdy.on{top:-3420px}*/
.zf31 .main{padding: 15px 0 0 20px;height: 145px;overflow: hidden;}
.zf31 .photo{width: 124px;height: 125px;background: url(../images/zhzf/016.png) no-repeat center;float: left;padding: 5px 0 0 6px;}
.zf31 .photo .img{width: 118px;height: 118px;border-radius: 50%;overflow: hidden;text-align: center;}
.zf31 .photo img{width: 118px;height: 118px;}
.zf31 .info{line-height: 36px;font-size: 20px;color: #FFFFFF;float: left;padding: 7px 0 0 27px;}


.sub{width: 286px;height: 860px;}
.hide3{background: url(../images/zhzf/026.png) no-repeat center;background-size: 1586px;height: 860px;}
.hide7{background: url(../images/zhzf/026.png) no-repeat center;background-size: 1586px;height: 860px;width: 1586px;}
.list-1{width: 1300px;height: 860px;}
.list-2{margin-top: 50px;margin-right: 30px;background: url(../images/zhzf/030.png) no-repeat center left;}
.list-2 img{margin-top: 14px;margin-right: 20px;cursor: pointer;float: right;line-height: 46px;}
.list-2 input{width: 210px;height: 46px;color: #00a0e9;border: none;padding-left: 20px;background: none;font-size: 20px;outline: none;}
.list-2 input::-webkit-input-placeholder{color: #00a0e9;}
.list-2 input::-moz-placeholder{ color: #00a0e9;}
.list-2 input:-ms-input-placeholder{color: #00a0e9;}
.list-3{width: 1300px;height: 70px;line-height: 70px;margin-top: 20px; margin: 0 auto;margin: 0px 10px;}
.list-3 input{cursor: pointer;width: 100px;height: 57px;color: #fff;outline: none;border: none;background: url(../images/zhzf/031.png) no-repeat center left;text-align: center;line-height: 38px;font-size: 20px;margin-left: 20px;}
.list-4{width: 420px;height: 38px;}
.list-4 span{color: #fff;font-size:20px;line-height: 38px;margin: 0px 10px;cursor: pointer;}
.list-5{padding: 0px 10px;border: 1px solid #00a0e9;border-radius: 4px;width: 50px;height: 38px;color: #fff;background: none;text-align: center;line-height: 38px;font-size: 20px;}
.list-6{width: 1300px;height: 700px;overflow: auto;cursor: default;}
.list-7{table-layout:fixed;text-align: center;width: 100%;height: 60px;line-height: 60px;background: url(../images/zhzf/032.png) no-repeat center center;color: #00ffff;font-size: 20px;font-weight: bold;}
.list-8{color: #fff;font-size: 20px;height: 606px;overflow: auto;width: 1248px;margin: 0 auto;text-align: center;}
.list-8 table{width: 100%;min-height: 60px;border-collapse: collapse;text-align: center;table-layout:fixed}
.list-8 td{height: 60px;border-bottom:1px solid #1d3e6e;cursor: pointer;color:#fff;}
.list-8 tr{cursor: default;}
.list-8 tr.choose{background:#03397b;}
.list-8 a{color: #fff;}
.idx70{width: 250px;height: 754px;padding:40px 10px 0 20px;background: url(../images/028.png) no-repeat top;float: left;overflow-x: hidden;overflow-y: auto;}
.idx71{width: 1475px;margin: 20px auto 0;}
.idx72{height: 20px;line-height:20px;font-size: 20px;background: url(../images/zhzf/027.png) no-repeat center left;color: #00ffff;font-weight: bold;padding-left: 26px;}
.mt10{margin-top: 10px;}
.tree{color: #a7c0f2;}
.tree .more{}
.tree li{line-height: 24px;padding: 10px 20px 10px 15px;cursor: pointer;font-size:20px;position: relative;border-bottom: #063B71 1px dashed;}
.tree li span{position: absolute;right: 5px;top: 9px;transition: transform 0.5s;-webkit-transition: transform 0.5s;}
.tree li ul{display: none;}
.tree li li{color: #a7c0f2;padding: 8px 8px 8px 20px;border-bottom: none;}
.tree li li span{position: absolute;right:0;top: 9px;transition: transform 0.5s;-webkit-transition: transform 0.5s;}
.tree li li li{padding: 8px 20px 8px 40px;}
.ba{background: #113c91;}
.bc{background: url(../images/zhzf/028.png) no-repeat center left;background-size: 180px 40px;color: #00ffff;}
.tree .on{transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);}

.xyjg1 li.on{background: url(../images/zhzf/025.png) no-repeat center left;color: #1fd5e5;}
.zf32{width: 1580px;height: 860px;}
.zf33{width: 770px;height: 860px;margin: 0 60px;background: url(../images/zhzf/052.png) no-repeat center bottom;}
.zf34{width: 640px;height: 860px;margin-right: 50px;}
.zf35{width: 640px;height: 80px;border: none;}
.zf35-1{width: 295px;height: 80px;line-height: 80px;background: url(../images/zhzf/037.png) no-repeat center;background-size: 295px 54px;font-size: 30px;font-weight: bold;color: #06f7fe;text-align: center;}
.zf35-2{width:250px;height: 80px;}
.zf35-2 li{color: #fff;font-size: 20px;text-align: center;width: 120px;height: 80px;line-height: 80px;float: left;cursor: pointer;}
.zf35-2 li.on{background: url(../images/zhzf/038.png) no-repeat center;background-size: 120px 77px;color: #fbf31f;}
.zf36{width: 640px;height: 760px;margin-right: 50px;margin-top:20px ;border: none;}
.zf36 table{width: 100%;height: 100%;font-size: 24px;text-align: left;color: #FFFFFF;}
.zf36 td{cursor: default;}
.zf37{width: 1536px;height: 860px;margin: 0 auto;}
.zf38{width: 1536px;height: 142px;margin-top: 40px;}
.zf38-1{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/042.png) no-repeat center;}
.zf38-2{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/043.png) no-repeat center;}
.zf38-3{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/044.png) no-repeat center;}
.zf38-4{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/045.png) no-repeat center;}
.zf38-5{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/046.png) no-repeat center;}
.zf38-6{width: 220px;height: 142px;margin: 0px 18px;background: url(../images/zhzf/047.png) no-repeat center;}
.zf39{width:180px;margin-left:24px;border: none;margin-top: 24px; text-align: left;}
.zf39-1{color: #fff;font-size: 30px;line-height: 40px;font-weight: bold;min-width: 150px;display:block;}
.zf39-2{color: #fff;font-size: 32px;line-height: 32px;font-weight: bold;height: 32px;}
.zf39-3{color: #fff;font-size: 24px;margin-top: 6px;}
.zf40{width: 800px;height: 620px;margin-top: 40px;}
.zf41{width: 640px;height: 620px;margin-top: 40px;}
.zf42{width: 400px;height: 40px;padding-left: 45px;line-height: 40px;background: url(../images/zhzf/049.png) no-repeat center left 15px;color: #00ffff;font-size: 26px;font-weight: bold;}
.zf43{width: 800px;height: 270px;margin-bottom: 10px;}
.zf44{width: 800px;height: 290px;color: #fff;}
.zf45{width: 640px;height: 560px;margin-top: 20px;}
.zf45 table{width: 100%;height: 100%;font-size: 24px;text-align: left;color: #FFFFFF;}
.zf45 td{cursor: default;}
.zf46{width: 730px;height: 400px;margin-top: 20px;}
.zf47{width: 400px;height: 40px;padding-left: 45px;line-height: 40px;background: url(../images/zhzf/050.png) no-repeat center left 15px;color: #00ffff;font-size: 26px;font-weight: bold;}
.zf48{width: 730px;height: 360px;}
.zf49{width: 730px;height: 360px;margin-top: 40px;}
.zf50{width: 100%;height:100%;text-align: center;font-size: 24px;border-collapse: collapse;color: #fff; cursor: default;}
.zf50 th{height: 40px;line-height: 40px;font-size: 24px;font-weight: normal;color: #00f7fb;background: #052963;}
.zf50 tr:nth-child(odd){background: #152b53;}
.gj{color: #fff;background: #ff3d4c;font-size: 18px;border-radius: 8px;line-height: 32px;height: 32px;padding:6px 20px;}
.zj{color: #fff;background: #f78730;font-size: 18px;border-radius: 8px;line-height: 32px;height: 32px;padding:6px 20px;}
.cj{color: #fff;background: #ffb460;font-size: 18px;border-radius: 8px;line-height: 32px;height: 32px;padding:6px 20px;}
.zf51_3d{width: 716px;height: 716px;position: absolute;left:20%;bottom: -24%;transform-style: preserve-3d;transform: perspective(0) rotatex(75deg) rotatey(0deg);z-index:-1;}
.zf51{animation: zhuan2 30s infinite linear;width:716px;height:716px;position: absolute;bottom: 0;background: url(../images/zhzf/051.png) no-repeat center;background-size: 100% 100%;transition:1s;-webkit-transition:1s;}
.zf51.on{animation: zhuan2 .5s infinite linear;}
.zf51-bg{position: absolute;z-index: -3;}
@keyframes zhuan2{
	0%{ transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.zf52{width: 700px;height: 800px;margin-top: 10px;}
.zf53{z-index: 3;position: relative;}
.zf54{width: 6px;height: 92px;background: url(../images/zhzf/053.png) no-repeat center;position: absolute;left: 120px;top: 760px;animation:mymove 9s infinite;-webkit-animation:mymove 9s infinite; /*Safari and Chrome*/}
.zf55{width: 6px;height: 92px;background: url(../images/zhzf/053.png) no-repeat center;position: absolute;left: 670px;top: 760px;animation:mymove 10s infinite;-webkit-animation:mymove 10s infinite; /*Safari and Chrome*/}
.zf56{width: 6px;height: 66px;background: url(../images/zhzf/054.png) no-repeat center;position: absolute;left: 170px;top: 670px;animation:mymove2 8s infinite;-webkit-animation:mymove2 8s infinite; /*Safari and Chrome*/} 
.zf57{width: 6px;height: 66px;background: url(../images/zhzf/054.png) no-repeat center;position: absolute;left: 210px;top: 670px;animation:mymove2 12s infinite;-webkit-animation:mymove2 12s infinite; /*Safari and Chrome*/} 
.zf58{width: 6px;height: 95px;background: url(../images/zhzf/054.png) no-repeat center;position: absolute;left: 130px;top: 690px;animation:mymove3 14s infinite;-webkit-animation:mymove3 14s infinite; /*Safari and Chrome*/} 
@keyframes mymove
{
from {top:760px;opacity: 1;}
to {top:460px;opacity: 0;}
}
@keyframes mymove2
{
from {top:670px;opacity: 1;}
to {top:470px;opacity: 0;}
}
@keyframes mymove3
{
from {top:690px;opacity: 1;}
to {top:410px;opacity: 0;}
}
.layui-layer-iframe.layerSkin {
    position: absolute;
    border-radius: 8px;
    padding: 40px;
    background-color: rgba(30,64,89,.75);
    background: url(../images/zhzf/angle1.png) 0 0 no-repeat,url(../images/zhzf/angle2.png) 100% 0 no-repeat,url(../images/zhzf/angle3.png) 100% 100% no-repeat,url(../images/zhzf/angle4.png) 0 100% no-repeat;
}
.layui-layer-border {
    border: 1px solid #B2B2B2;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.layui-layer, .layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto;
}
.layui-layer-content {
    position: relative;
}
.layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial;
}
.layui-layer-resize {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}
.layui-layer-move {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
    z-index: 2147483647;
}
/*专项添加*/
.hide7{background: url(../images/zhzf/026.png) no-repeat center;background-size: 1586px;height: 860px;width: 1586px;}
.zxlist-1{width: 1580px;height: 860px;}
.zxlist-2{margin-top: 50px;margin-right: 30px;background: url(../images/zhzf/030.png) no-repeat center left;}
.zxlist-2 img{margin-top: 14px;margin-right: 20px;cursor: pointer;float: right;line-height: 46px;}
.zxlist-2 input{width: 210px;height: 46px;color: #00a0e9;border: none;padding-left: 20px;background: none;font-size: 20px;outline: none;}
.zxlist-2 input::-webkit-input-placeholder{color: #00a0e9;}
.zxlist-2 input::-moz-placeholder{ color: #00a0e9;}
.zxlist-2 input:-ms-input-placeholder{color: #00a0e9;}
.zxlist-3{width: 1580px;height: 70px;line-height: 70px;margin-top: 20px; margin: 0 auto;margin: 0px 10px;}
.zxlist-3 input{cursor: pointer;width: 100px;height: 57px;color: #fff;outline: none;border: none;background: url(../images/zhzf/031.png) no-repeat center left;text-align: center;line-height: 38px;font-size: 20px;margin-left: 20px;}
.zxlist-4{width: 420px;height: 38px;}
.zxlist-4 span{color: #fff;font-size:20px;line-height: 38px;margin: 0px 10px;cursor: pointer;}
.zxlist-5{padding: 0px 10px;border: 1px solid #00a0e9;border-radius: 4px;width: 50px;height: 38px;color: #fff;background: none;text-align: center;line-height: 38px;font-size: 20px;}
.zxlist-6{width: 1560px;height: 700px;overflow: auto;cursor: default;margin: 0 auto;}
.zxlist-7{table-layout:fixed;text-align: center;width: 100%;height: 60px;line-height: 60px;background: url(../images/zhzf/032.png) no-repeat center center;color: #00ffff;background-size: 1560px 60px;font-size: 20px;font-weight: bold;}
.zxlist-8{color: #fff;font-size: 20px;height: 606px;overflow: auto;width: 1548px;margin: 0 auto;text-align: center;}
.zxlist-8 table{width: 100%;min-height: 60px;border-collapse: collapse;text-align: center;table-layout:fixed}
.zxlist-8 td{height: 60px;border-bottom:1px solid #1d3e6e;}
.zxxq{cursor: pointer;}
.zxlist-8 tr.choose{background:#03397b;}
.zxlist-8 a{color: #fff;}

/*智慧党建*/
.dj01{position: fixed;width: 100%;height: 1080px;z-index: -1;overflow: hidden;left: 0;top: 0;background: url(../images/dj/001.jpg) no-repeat left top;background-size: 100% 100%;}
.dj02{width: 1600px;float: left;padding: 92px 0 0 145px;float: left;}
.dj03{width: 419px;height: 268px;float: left;background: url(../images/dj/003.png) no-repeat center;margin: 0 20px 40px 0;padding: 57px 0 0 78px;position: relative;cursor: pointer;}
.dj03 .title{height: 75px;line-height: 75px;background: url(../images/dj/004.png) no-repeat left bottom;color: #c1ecff;font-size: 30px;font-weight: bold;}
.dj03 .bg{position: absolute;right: 30px;bottom: 40px;transition:0.5s;-webkit-transition:0.5s;opacity: .5;}
.dj03 .go{width: 65px;height: 65px;background: url(../images/dj/002.png) no-repeat center;transition:0.5s;-webkit-transition:0.5s;position: absolute;top: 74px;right: 180px;opacity: 0;}
.dj03:hover .bg{opacity: 1;}
.dj03:hover .go{right: 40px;opacity: 1;}
.dj03 li{height: 36px; line-height: 36px;overflow: hidden;font-size: 20px;color: #91daf2;}
.dj03 li a{color: #91daf2;}
.dj03 li span{color: #fff003;}
.dj03 .ul li{width: 36%;float: left;}
.dj04{width: 1850px;float: right;overflow: hidden;}
.dj05{height: 140px;padding-top: 25px;}
.dj05 li{width: 262px;height: 108px;overflow: hidden;background: url(../images/dj/006.png) no-repeat left;float: left;margin-right: 30px;}
.dj05 li .title{width: 104px;text-align: center;line-height: 108px;font-size: 24px;color: #ffffff;float: left;}
.dj05 li .info{float: left;padding-left: 30px;color: #ffffff;font-size: 50px;line-height: 48px;padding-top: 45px;font-family:"DIGITAL-REGULAR";}
.dj06{width: 571px;float: left;}
.dj07{width: 610px;float: left;margin-left: 44px;}
.dj08{width: 550px;float: left;margin-left: 29px;}
.dj09{height: 57px;line-height: 57px;padding-left: 75px;font-size: 28px;color: #ffffff;font-weight: bold;background-repeat: no-repeat;background-position: 27px;}
.dj10{padding-left: 60px;}
.dj11{height: 348px;overflow: hidden;}
.dj12 li{background: url(../images/dj/012.png);border: #182a73 1px solid;box-shadow: 0 0 20px 6px rgba(24,42,116,.6) inset;height: 46px;line-height: 46px;overflow: hidden;margin-bottom: 4px;color: #ffffff;}
.dj12 li span{float: left;}
.dj12 li .span1{width: 20%;}
.dj12 li .span2{width: 60%;}
.dj12 li .span3{width: 20%;}
.dj12 li .span4{width: 20%;}
.dj12 li .span5{width: 40%;}
.dj12 li .fm{font-family: "方正粗倩_GBK";}
.dj12 li.th{height: 26px;line-height: 26px;font-size: 18px;font-weight: bold;}
.dj13{background: url(../images/dj/013.png) no-repeat;width: 24px;height: 279px;position: absolute;left: 45px;top: 45px;}
.dj14{width: 840px;float: left;}
.dj15{width: 955px;float: left;}
.dj16{position: absolute;width: 100%;height: 40px;line-height: 40px;text-align: center;left: 0;bottom: 100px;font-size: 28px;color: #ffb107;font-weight: bold;}
.dj17{width: 1832px;height: 866px;padding:40px;position: absolute;background: url(../images/zhzf/angle1.png) 0 0 no-repeat,url(../images/zhzf/angle2.png) 100% 0 no-repeat,url(../images/zhzf/angle3.png) 100% 100% no-repeat,url(../images/zhzf/angle4.png) 0 100% no-repeat;;left: 0;top: 0;transition:1s;-webkit-transition:1s;display:none;transform:scale(0,0);}
.dj17 .close{width: 56px;height: 56px;background: url(../images/dj/015.png) no-repeat center;right: 30px;top: 30px;position: absolute;}
.dj17 .rload{width: 56px;height: 56px;background: url(../images/dj/016.png) no-repeat center;right: 90px;top: 30px;position: absolute;}
.dj17.on{display: block;transform:scale(1,1);}
/*星空*/
@keyframes rotate {
  0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  }
}
.stars {
  transform: perspective(500px);
  transform-style: preserve-3d;
  position: absolute;
  bottom: 0;
  perspective-origin: 50% 100%;
  left: 50%;
  animation: rotate 300s infinite linear;
}

.star {
  width: 2px;
	height: 2px;
  background:rgba(247,247,182,.5);
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);
  backface-visibility: hidden;
}

/*指挥调度*/
.zh01{}
.zh02{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #01072b;}
.zh03{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.zh04{width: 358px;height: 941px;float: left;background: url(../images/zhdd/001.png) no-repeat left top;margin: 20px 0 0 38px;}
.zh05{height: 60px;line-height: 60px;overflow: hidden;padding-left: 32px;font-size: 30px;font-weight: bold;color: #ffffff;}
.zh06{width: 294px;height: 56px;line-height: 56px;overflow: hidden;padding-left: 28px;font-size: 24px;font-weight: bold;color: #ffffff;background: url(../images/zhdd/002.png) no-repeat left;margin: 10px auto 0;}
.zh07{height: 48px;line-height: 48px;margin-top: 5px;color: #01f3db;font-size: 26px;padding-left: 48px;}
.zh07 span{font-size: 40px;font-weight: bold;padding-right: 5px;}
.zh08{height: 210px;}
.zh08_title{height: 30px;overflow: hidden;padding-left: 25px;}
.zh08_title li{float: left;width: 60px;font-size: 14px;font-weight: bold;line-height: 30px;color: #ffffff;}
.zh08_title li span{float: left;width: 15px;height: 15px;border-radius: 3px;margin: 8px 5px 0 0;}
.zh08_show{height: 180px;}
.zh08 .zh08r{width: 99px;height: 99px;position: absolute;background: url(../images/zhdd/020.png) no-repeat center;animation: zh08_r 20s infinite linear;left: 130px;top: 70px;}
@keyframes zh08_r {
  0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.zh09{height: 165px;overflow: hidden;}
.zh10{float: left;width: 180px;padding-left: 20px;line-height: 46px;font-size: 20x;font-weight: bold;color: #ffffff;}
.zh10 span{font-size: 30px;padding-left: 5px;color: #01f2db;}
.zh11{width: 240px;height:240px;position: absolute;right: -30px;bottom: -20px;}
.zh11_2{position: absolute;width: 180px;right: 0;bottom:5px;text-align: center;font-size: 24px;color: #ffffff;}
.zh11_3{width: 124px;height:124px;position: absolute;right: 28px;bottom: 38px;background: url(../images/zhdd/021.png) no-repeat center;background-size: 100% 100%;}
.zh12{width: 504px;height:956px;margin-left: 1477px;background: url(../images/zhdd/003.png) no-repeat right top;float: left;}
.zh13{width: 48px;float: left;}
.zh13 li{height: 87px;background: url(../images/zhdd/004.png) no-repeat right top;padding: 32px 0 0 6px;line-height: 32px;text-align: center;color: #0a9dda;font-size: 24px;font-weight: bold;cursor: pointer;margin-bottom: -5px;}
.zh13 li.on{background: url(../images/zhdd/005.png) no-repeat right top;color: #ffffff;font-size: 26px;padding-top: 20px;height: 99px;}
.zh14{width: 456px;float: right;}
.zh15{height: 53px;position: relative;}
.zh15_ser{position: absolute;width:calc(100% - 50px);left: 3px;top: 43px;background: url(../images/zhdd/022.png);padding: 20px;border: #0ebfe7 1px solid;border-radius: 10px;display: none;}
.zh15_ser .title{height: 30px;line-height: 30px;padding:0 0 10px 0;font-size: 30px;color: #ffffff;font-weight: bold;text-align: center;}
.zh15_ser .close{width: 29px;height: 29px;position: absolute;right: 15px;top: 15px;background: url(../images/zhdd/023.png) no-repeat center;}
.zh15_ser .ser{width: 100%;color: #ffffff;font-size: 24px;}
.zh15_ser td{padding: 10px 0;}
.zh15_ser .td1{text-align: right;}
.zh15_ser .ipt1{width: 274px;height: 46px;line-height: 46px;border: #0fdce8 1px solid;background: rgba(7,26,78,.6);color: #ffffff;font-size: 24px;}
.zh15_ser .ipt2{display:block;width: 171px;height: 50px;line-height: 50px;background:url(../images/zhdd/024.png) no-repeat center;color: #ffffff;font-size: 24px;text-align: center;}
.zh15_ser .ipt3{display:block;width: 171px;height: 50px;line-height: 50px;background:url(../images/zhdd/025.png) no-repeat center;color: #ffffff;font-size: 24px;text-align: center;}
.zh16{float: left;padding-left: 38px;line-height: 53px;color: #ffffff;font-size: 30px;font-weight: bold;}
.zh17{width: 269px;height: 34px;overflow: hidden;float: right;background: url(../images/zhdd/006.png) no-repeat left;}
.zh17 .btn{width: 60px;height: 34px;float: right;}
.zh17 .ipt{width: 160px;height: 34px;line-height: 34px;border: none;float: right;color: #18d2d2;font-size: 16px;background: none;}
.zh17 .ipt::-webkit-input-placeholder{color:#18d2d2;}
.zh17 .ipt::-moz-placeholder{/* Mozilla Firefox 19+ */color:#18d2d2;}
.zh17 .ipt:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#18d2d2;}
.zh17 .ipt:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#18d2d2;}
.zh18 li{height: 130px;background: url(../images/zhdd/007.png) no-repeat bottom center;padding: 10px 5px 0 10px;margin-bottom: 5px;cursor: pointer;}
.zh18 li.on{background: url(../images/zhdd/008.png) repeat-y 1px;}
.zh18 li .img{height: 86px;overflow: hidden;color: #FFFFFF;font-size: 24px;line-height: 38px;}
.zh18 li .img img{width: 114px;height: 82px;float: left;border: #17a8b1 1px solid;margin-right: 15px;}
.zh18 li .img p{padding-top: 5px;}
.zh18 li .info{width: 100%;height: 40px;color: #9dc3ef;font-size: 20px;}
.zh18 li .info .name{padding-left: 18px;background: url(../images/zhdd/009.png) no-repeat left;width: 100px;}
.zh18 li .info .statusG{padding-left: 18px;background: url(../images/zhdd/010_1.png) no-repeat left;width: 100px;}
.zh18 li .info .statusR{padding-left: 18px;background: url(../images/zhdd/010_2.png) no-repeat left;width: 95px;}
.zh18 li .time{padding-left: 18px;background: url(../images/zhdd/011.png) no-repeat left;}
.zh19{height: 870px;overflow: hidden;}
.zh20{height: 32px;overflow: hidden;padding-left: 127px;}
.zh20 li{width: 99px;height: 32px;overflow: hidden;background: url(../images/zhdd/012.png) no-repeat center;text-align: center;line-height: 32px;color: #ffffff;cursor: pointer;float: left;margin-right: 20px;}
.zh21{width: 415px;height: 916px;padding:20px;background: url(../images/zhdd/013.png) no-repeat left top;float: left;margin-left: 50px;}
.zh22{line-height: 40px;max-height: 90px;overflow: hidden;font-size: 28px;color: #ffffff;padding: 5px 0 10px;}
.zh23{width: 110%;height: 92px;overflow: hidden;}
.zh23 li{position: relative;width: 134px;height: 92px;overflow: hidden;float: left;margin-right: 7px;}
.zh23 li img{width: 134px;height: 92px;}
.zh23 li .zt{position: absolute;width: 65px;height: 24px;line-height: 24px;overflow: hidden;left: 0;top: 0;text-align: center;color: #ffffff;background: #f53e14;}
.zh24{height: 470px;overflow: hidden;}
.zh25{line-height: 36px;padding-top: 5px;font-size: 20px;color: #ffffff;height: 208px;overflow: hidden;}
.zh26{height: 55px;overflow: hidden;}
.zh26 a{display: block;width: 183px;height: 46px;border: #02f4fe 1px solid;border-radius: 10px;color: #02f4fe;font-size: 24px;margin: auto;text-align: center;line-height: 46px;}
.zh27{height: 45px;line-height: 45px;overflow: hidden;border-bottom: #4797c4 1px solid;padding-left: 34px;color: #ffffff;font-size: 24px;background-repeat: no-repeat;background-position: left;margin-top: 10px;}
.zh28{height: 165px;overflow-x: hidden;overflow-y: auto;}
.zh28 table{width: 100%;}
.zh28 table td{height: 50px;line-height: 38px;color: #ffffff;font-size: 20px;}
/*.zh28 li{height: 38px;padding: 6px 0;line-height: 38px;overflow: hidden;color: #ffffff;font-size: 20px;}*/
.zh28 img{cursor: pointer;}
.zh28 .name{width: 90px;}
.zh28 .num{width: 150px;}
.zh28 .jl{width: 80px;}
.zh28 .btn{width: 48px;text-align: center;}
.zh29{width: 900px;float: right;}
.zh30{width: 820px;float: left;}
.zh30 li{width: 386px;height: 216px;overflow: hidden;float: left;margin: 0 20px 20px 0;}
.zh30 li.big{width: 792px;height: 450px;}
.zh30 li img{width: 100%;height: 100%;}
.zh31{width: 78px;float: right;margin-left: -20px;margin-right: 20px;}
.zh31 li{text-align: center;line-height: 30px;font-size: 28px;color: #56c9e8;font-weight: bold;padding: 15px 0;background: #1d5564;border-left: #358fa8 7px solid;border-right: #358fa8 16px solid;width: 38px;margin-bottom: 10px;cursor: pointer;}
.zh31 li.on{color: #ffffff;background: #10303b;border-left: #fffc00 7px solid;border-right: #45fef9 16px solid;width: 45px;}
.zh32{height: 38px;padding:15px 0 10px 40px;}
.zh32 li{width: 98px;height: 34px;background: rgba(24,99,135,.8);border: #4694ba 1px solid;text-align: center;line-height: 34px;float: left;margin-right: 30px;font-size: 24px;color: #32b8e2;cursor: pointer;}
.zh32 li.on{background: url(../images/zhdd/026.png) no-repeat center;width: 114px;height: 50px;line-height: 50px;border: none;margin-top: -6px;color: #ffffff;}
.zh33{padding: 0 20px;}
.zh33 li{height: 100px;background: url(../images/zhdd/007.png) no-repeat bottom center;padding: 10px 5px 0 10px;cursor: pointer;color: #ffffff;font-size: 24px;}
.zh33 li .li{height: 46px;line-height: 46px;overflow: hidden;}
.zh33 li .name{background: url(../images/zhdd/027.png) no-repeat left;padding-left: 38px;float: left;}
.zh33 li .line{float: right;color: #f4f968;text-align: right;}
.zh33 li .time{background: url(../images/zhdd/029.png) no-repeat left;padding-left: 38px;float: left;}
.zh33 li .road{float: right;text-align: right;padding-left: 30px;background: url(../images/zhdd/030.png) no-repeat left;width: 75px;}
.zh33 li.on .name{background: url(../images/zhdd/028.png) no-repeat left;padding-left: 38px;}
.zh33 li.on .line{float: right;color: #03edf3;text-align: right;}
.zh34{height: 807px;overflow: hidden;}


/*政务服务*/
.zw01{position: fixed;width: 100%;height: 100%;z-index: -1;overflow: hidden;left: 0;top: 0;background: url(../images/zwfw/bg.jpg) no-repeat left top;background-size: 100% 100%;background-color: #08194b;}
.zw02{width: 900px;}
.zw03{padding: 10px 20px 0;}
.zw04{width: 1911px;float: left;margin-left: 46px;}
.zw05{width: 396px;height: 66px;background: url(../images/zwfw/001.png) no-repeat center;text-align: center;line-height: 66px;color: #ffffff;font-size: 28px;font-weight: bold;margin: auto;}
.zw06{height: 130px;overflow: hidden;margin-top: 20px;}
.zw07{width: 395px;height: 80px;float: left;overflow: hidden;color: #ffffff;font-size: 28px;font-weight: bold;line-height: 80px;}
.zw07 .span1{font-size: 50px;color: #ffff00;font-family:"DIGITAL-REGULAR";font-weight: normal;line-height: 80px;float: left;}
.zw08{float: left;}
.zw08 li{width: 120px;float: left;margin-right: 29px;}
.zw08 li .num{height: 83px;position: relative;background-repeat: no-repeat;background-position: center;text-align: center;line-height: 83px;font-size: 30px;color: #ffffff;}
.zw08 li .green{background-image: url(../images/zwfw/002.png);}
.zw08 li .red{background-image: url(../images/zwfw/003.png);}
.zw08 li .blue{background-image: url(../images/zwfw/004.png);}
.zw08 li .big{width: 80px;height: 80px;background-repeat: no-repeat;background-position: center;position: absolute;left: 19px;top: 1px;animation: zw08_r1 30s infinite linear;}
.zw08 li .small{width: 73px;height: 73px;background-repeat: no-repeat;background-position: center;position: absolute;left: 22px;top: 4px;animation: zw08_r2 20s infinite linear;}
.zw08 li .green .big{background-image: url(../images/zwfw/005_g_1.png);}
.zw08 li .green .small{background-image: url(../images/zwfw/005_g_2.png);}
.zw08 li .red .big{background-image: url(../images/zwfw/005_r_1.png);}
.zw08 li .red .small{background-image: url(../images/zwfw/005_r_2.png);}
.zw08 li .blue .big{background-image: url(../images/zwfw/005_b_1.png);}
.zw08 li .blue .small{background-image: url(../images/zwfw/005_b_2.png);}
.zw08 li .title{line-height: 32px;text-align: center;font-size: 24px;color: #ffffff;}
@keyframes zw08_r1 {
  0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes zw08_r2 {
  0%{ transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}

.zw09{height: 270px;}
.zw10{height: 410px;position: relative;overflow: hidden;}
.zw11{width: 358px;height: 28px;overflow: hidden;position: absolute;left: 0;top: 15px;z-index: 2;}
.zw11 li{width: 177px;height: 26px;line-height: 26px;overflow: hidden;text-align: center;float: left;cursor: pointer;font-size: 20px;background: #1c2654;border: #22396f 1px solid;color: #3e84c6;}
.zw11 li.on{background: #2f5998;border: #2f5998 1px solid;color: #ffffff;}
.zw12 ul{height: 410px;width: 900px;display: block;}
.zw13{height: 367px;overflow: hidden;}
.zw13 li{width: 352px;height: 367px;float: left;margin-right: 30px;background-repeat: no-repeat;background-position: left top;}
.zw13 li .title{height: 85px;line-height: 85px;overflow: hidden;padding: 40px 0 0 140px;font-size: 42px;color: #ffffff;font-weight: bold;text-shadow: 3px 3px 5px rgba(0,0,0,.6);}
.zw13 li .num{height: 90px;line-height: 90px;text-align: center;font-family:"DIGITAL-REGULAR";color: #ffffff;font-size: 56px;}
.zw14{margin-top: -50px;}
.zw15{width: 530px;}
.zw15 .number-animate{line-height:88px; height: 88px;font-size: 60px;overflow: hidden; display: inline-block; position: relative;font-family:"DINPro-Bold";}
.zw15 .number-animate .number-animate-dom{text-align: center; float: left; position: relative; top: 0;}
.zw15 .number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float: left;width: 100%;}
.zw15 .Odometer,.OdometerBg{margin-top:5px;}
.zw15 .OdometerBg  .number-animate  .number-animate-dom,.OdometerBg  .number-animate  .number-animate-dot{width: 65px;}
.zw15 .OdometerBg  .number-animate  .number-animate-dom{ background-color: #1b3e8f;	box-shadow: 0 0 10px 5px rgba(255,255,255,.2) inset;color: #ffff00;margin-right: 10px;}
.zw16{width: 400px;}
.zw17{width: 945px;}
.zw18{height: 78px;line-height: 78px;color: #ffffff;font-size: 38px;font-weight: bold;}
.zw19{height: 100px;overflow: hidden;position: relative;}
.zw19 .inrow {
	font-size: 0;
	[;
	font-size: 12px;
	];
	*font-size: 0;
	font-family: arial;
	[;
	letter-spacing: -3px;
	];
	*letter-spacing: normal;
	*word-spacing: -1px
}

.zw19 .inrow>li,
.zw19 .inrow span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal
}

.zw19 .dataNums {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	height: 75px;
	text-align: center
}

.zw19 .dataNums .dataOne {
	width: 61px;
	height: 75px;
	margin: 0 3px;
	text-align: center;
	background-color: #1b3e8f;
	box-shadow: 0 0 10px 5px rgba(255,255,255,.2) inset;
}

.zw19 .dataNums .dataBoc {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.zw19 .dataNums .dataBoc .tt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.zw19 .dataNums .tt span {
	width: 100%;
	height: 100%;
	font: bold 54px/75px "Arial";
	color: #ffff00;
	font-family:"DINPro-Bold";
}

.zw20{height: 250px;}
.zw20_title{width: 100%;height: 35px;line-height: 35px;color: #ffffff;font-size: 28px;position: absolute;left: -15px;top: 20px;}
.zw20_title li{width: 25%;float: left;text-align: center;}
.zw21{height: 80px;line-height: 80px;text-align: center;background: url(../images/zwfw/011.png) no-repeat center;font-size: 28px;color: #ffffff;font-weight: bold;}
.zw21 span{color: #fece3a;}
.zw22{height: 550px;}
.zw23{height: 100px;margin-top: 30px;}
.zw23 li{width: 195px;height: 60px;padding-top:40px;float: left;padding-left: 120px;background-repeat: no-repeat;background-position: left;color: #ffffff;font-size: 30px;}
.zw23 span{font-size: 48px;font-family:"DIGITAL-REGULAR";color: #ffff00;padding-left: 5px;}
.zw24{height: 520px;}
.zw25{z-index: 10;width: 289px;height: 117px;padding:37px 0 0 55px;position: absolute;background: url(../images/zwfw/015.png) no-repeat center;top: 10px;right: 10px;}
.zw25 .title{height: 40px;line-height: 40px;color: #ffffff;font-size: 24px;font-weight: bold;width: 100px;}
.zw25 .num{height: 58px;line-height: 58px;color: #ffffff;font-size: 20px;}
.zw25 .num .span1{font-size: 44px;color: #fff67f;font-family:"DIGITAL-REGULAR";float: left;padding-left: 10px;}
.zw25 .viedo{width: 34px;height: 34px;position: absolute;top: 30px;right: 32px;display: block;cursor: pointer;}
.zw26_3d{width: 740px;height: 740px;position: absolute;left: 50%;bottom:-300px;transform-style: preserve-3d;transform: perspective(0) rotatex(75deg) rotatey(0deg);z-index:1;margin-left: -370px;}
.zw26{animation: zw26_r 80s infinite linear;width:740px;height:740px;position: absolute;left: 0;top: 0;background: url(../images/zwfw/017.png) no-repeat center;background-size: 100% 100%;transition:1s;-webkit-transition:1s;}
.zw26.on{animation: zw26_r .5s infinite linear;}
@keyframes zw26_r{
	0%{ transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.zw27{height: 940px;/*border:darkkhaki 1px solid;*/}
.zw28{width: 823px;height: 823px;background: url(../images/zwfw/018.png) no-repeat center;position: absolute;left: 50%;top: 50%;margin: -411px 0 0 -411px;z-index: 2;}
.zw29{position: absolute;width: 100%;height: 100%;border-radius: 50%;box-shadow: 0 0 150px 20px rgba(15,86,122,.4) inset;animation: zw29_r 15s infinite linear;}
@keyframes zw29_r{
			0%{transform:scale(0);opacity: 1;}
			70%{ opacity: 1;}
			100%{transform:scale(1.1);opacity: 0;}
		}
.zw30{height: 1000px;z-index: 5;}
.zw31{width: 570px;height: 900px;position: absolute;background-size:100% 100%;z-index: 3;left: 150px;top: 50px;}
.zw32{position: absolute;left: 0;top: 0;z-index: 50;}
.zw33{width: 1920px;height: 1080px;padding:40px;position: absolute;left: 910px;top: 0;z-index: 999;}
.zw33 .close{width: 56px;height: 56px;background: url(../images/zwfw/020.png) no-repeat center;right:120px;top: 20px;position: absolute;}
.zw34{width: 1920px;height: 930px;padding-top:30px;     padding-bottom: 20px;background-color: rgba(30,64,89,.75);background: url(../images/zhzf/angle1.png) 6% 0 no-repeat,url(../images/zhzf/angle2.png) 94% 0 no-repeat,url(../images/zhzf/angle3.png) 94% 100% no-repeat,url(../images/zhzf/angle4.png) 6% 100% no-repeat;}
.zw34 video{width: 1920px;height: 920px;}
/*登录*/
.dl00{overflow: hidden;}
.dl01{position: fixed;width: 100%;height: 100%;z-index: -2;overflow: hidden;left: 0;top: 0;background: url(../images/dl/bodybg.jpg) no-repeat left top;background-size: 100% 100%;}
.dl02{position: absolute; top: 5%; left: calc(50% - 446px); background: url(../images/dl/logo.png) no-repeat; width: 892px; height: 98px;}
.dl03{position: absolute; top: 30%; right: calc(50% - 800px); width: 586px; height: 510px; background: url(../images/dl/loginbg.png) no-repeat; z-index: 20;}
.dl04{ width: 400px; margin: 40px auto 0;}
.dl05{height: 66px; line-height: 66px; text-align: center; font-size: 36px; font-weight: bold; color: #FFF;}
.dl06{border:#33d6db 2px solid; width: 316px; height: 64px; line-height: 64px; background: url(../images/dl/user.png) no-repeat 20px 12px; padding-left: 80px; color: #34d7dc; font-size: 26px; margin-top: 30px; border-radius: 10px; -moz-border-radius: 10px; outline: none;}
.dl07{border:#33d6db 2px solid; width: 316px; height: 64px; line-height: 64px; background: url(../images/dl/password.png) no-repeat 20px 12px; padding-left: 80px; color: #34d7dc; font-size: 26px; margin-top: 30px; border-radius: 10px; -moz-border-radius: 10px; outline: none;}
.dl08{ height: 65px; line-height: 65px; color: #fff; font-size: 18px;}
.dl09{ visibility: hidden;}
.dl09 +label{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;vertical-align: middle;cursor: pointer;border: #FFF 1px solid;border-radius: 3px;-moz-border-radius: 3px;margin-right: 10px;}
.dl09:checked + label:after{content:"\2714";display: inline-block;text-align: center;font-size: 16px;color: #fff;}
.dl10{ text-align: center;}
.dl11{ background: url(../images/dl/button.png) no-repeat; width: 314px; height: 75px; line-height: 75px; text-align: center; font-size: 26px; font-weight: bold; color: #FFF; border: none; cursor: pointer; outline: none;}

.dl12{/*width: 100%; height: 100%;margin: 0 auto;position: relative;*/position: relative;margin-top: 600px;}
.dl12 .dizuo {
	position: absolute;
	left: 0;
	top: -10%;
	width: 70%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	/*perspective: 600px;*/
	transform: rotateZ(-20deg) translateX(-40px);
	z-index: 11;
}
.dl12 .dizuo img{display: block;position: absolute;}
.dl12 .dizuo .circlesmall{
	left:calc(50% - 400px);
	top:calc(50% - 400px);
	width: 800px;
	height: 800px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	/*transform: rotateX(70deg);*/
	animation: dl_zhuan2 85s infinite linear;
}
.dl12 .dizuo .circlebig{
	left:calc(50% - 600px);
	top:calc(50% - 600px);
	width: 1200px;
	height: 1200px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	animation: dl_zhuan1 80s infinite linear;
}
.dl12 .circle{position: absolute;left: 0;top: -10%;width: 70%;height: 100%;}
.dl12 .circle img{position: absolute;display: block;}
.dl12 .circle .circle1{width: 668px;height: 668px;animation: dl_zhuan3 80s infinite linear; left: calc(50% - 334px); top: calc(50% - 334px);}
.dl12 .circle .circle2{width: 596px;height: 596px;animation: dl_zhuan4 70s infinite linear; left: calc(50% - 298px); top: calc(50% - 298px);}
.dl12 .circle .circle3{width: 500px;height: 500px;left: calc(50% - 250px); top: calc(50% - 250px); z-index: 10;}
.dl12 .circle .circle4{width: 492px;height:492px;animation: dl_zhuan3 20s infinite linear; left: calc(50% - 246px); top: calc(50% - 246px);}
@keyframes dl_zhuan1 {
	0% {transform: rotateX(70deg)  rotateZ(0);}	
	100% {transform: rotateX(70deg) rotateZ(360deg);}
}
@keyframes dl_zhuan2 {
	0% {transform: rotateX(80deg)  rotateZ(0);}	
	100% {transform: rotateX(80deg) rotateZ(-360deg);}
}
/*绕z轴正转*/
@keyframes dl_zhuan3 {
	0% {transform: rotateZ(0);}	
	100% {transform: rotateZ(360deg);}
}
/*绕z轴反转*/
@keyframes dl_zhuan4 {
	0% {transform: rotateZ(360deg);}	
	100% {transform: rotateZ(0);}
}
.dl13{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/dl/jjyx01.jpg) no-repeat top center;background-size:100% 100%;background-color:#e1e1e1;z-index: -1;}
.dl14{width: 355px;height: 733px;background: url(../images/dl/jjyx02.png) no-repeat top center;position: absolute;top: 20%;right: 7%;padding: 50px 280px 0;}
.dl15{height: 44px;padding-top: 16px;line-height: 44px;font-size: 18px;color: #000000;}
.dl16{width: 338px;height: 43px;border: #bfbfbf 1px solid;line-height: 43px;background: #f0f1f4;font-size: 18px;}
.dl17{width: 340px;height: 45px;line-height: 45px;background: #0b94d6;text-align: center;color: #ffffff;font-size: 18px;border: none;margin-top: 20px;cursor: pointer;}





